﻿<script lang="ts" setup>
import { ref, onMounted } from 'vue'
import { onClickOutside } from '@vueuse/core'
const emit = defineEmits(['mounted', 'clickOutside'])
const wrap = ref<ElRef>(null)

onClickOutside(wrap, () => {
  emit('clickOutside')
})

onMounted(() => {
  emit('mounted')
})
</script>

<template>
  <div ref="wrap">
    <slot></slot>
  </div>
</template>
